<?php
include_once('settings.php');
include_once('conn.php');
?>
<?php


$count_query = "select count(*) as total FROM `news` WHERE `BigClassName`='Download' AND `isok`='1'";
$result=mysql_query($count_query);
$data_count=mysql_result($result,0,"total");
$page_size=21;
$page_count=ceil($data_count/$page_size);	
$offset=($page-1)*$page_size;	

$query = str_replace('select count(*) as total','select *',$count_query);
$query=$query." order by id desc limit $offset, $page_size";
$result=mysql_query($query);
if($result == false)
	exit(sprintf("%s%s%s",mysql_error(),__FILE__,__LINE__));
$data_list = array();
while(($row = mysql_fetch_assoc($result)))
{
	$data_list[] = $row;
}

?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title> [ BIOS Monthly 下載 ] </title>
<meta name="description" content=" 想看看各個城市的風景與生活樣態嗎？來Bios Monthly看看吧！我們聯繫了旅居不同城市的專欄寫手們加上台北的獨特觀察家，我們要與你一起看看我們所居住或嚮往的樣貌。 " />
<meta name="KEYWORDS" CONTENT=" 飲食, 風尚 , 行旅 , 休閒 , 評論 , Flavor , Trend , Route , Leisure , Opinion " />

<link href="css/main.css" rel="stylesheet" type="text/css" />
<script src="js/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript">
	$(document).ready(function(){
		$(".hoverFeature ,.hoverColumn,.hoverNews,.hoverEvent , .hoverRss").css("opacity","0");
		$(".hoverFeature ,.hoverColumn,.hoverNews,.hoverEvent , .hoverRss").hover(function () {
			$(this).stop().animate({
				opacity: 1
			}, "slow");
		},
		function () {
			$(this).stop().animate({
				opacity: 0
			}, "slow");
		});
		});
	</script>
    <script type="text/javascript">
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onload="MM_preloadImages('images/main-btn_over_13.gif','images/main-btn_over_15.gif','images/main-btn_over_17.gif','images/main-btn_over_19.gif')">
<div id="all"><!-- start #all //-->
<div id="main" class="clearfix"><!-- start #main //-->
<?php include_once('top-main.php');?>
<?php include_once('ad-bb.php');?>

	<script type="text/javascript">
	$(document).ready(function(){
		$(".hoverlist-dl-tops ").css("opacity","0");
		$(".hoverlist-dl-tops ").hover(function () {
			$(this).stop().animate({
				opacity: 1
			}, "0.2");
		},
		function () {
			$(this).stop().animate({
				opacity: 0
			}, "0.2");
		});
		});
	</script>

<div id="contactc"><!-- start #contactc //-->
	
	<?php foreach($data_list as $data):?>
  <div class="list-c-photo-tab">
  <div class="list-c-photo">
  	<?php if($data['images1']):?>
		<img src="<?php printf("upfiles/%s-276x.jpg",html_safe($data['images1']));?>" width="276" height="162" />
		<?php endif;?>
</div>
<a href="<?php printf("%s?id=%d",get_article_page_url_by_type($data['lb']),$data['id']);?>">
<div class="list-dl-tops"><div class="hoverlist-dl-tops2"><?php echo html_safe($data['title']);?> </div><div class="hoverlist-dl-tops"><div class="hoverlist-dl-tops2"> <?php echo html_safe($data['title']);?></div></div></div></a>
</div>
<?php endforeach;?>

<?php if($page_count > 1):?>
<div id="page2">
    <div class="page2"> 
   <ul>
   		<?php if($page < $page_count):?>
    	<li> <a href="?p=<?php echo $page+1;?>"><img src="images/page-older.gif" width="61" height="19" /></a></li>
     <?php endif;?>
     <?php if($page  > 1):?>
     <li><a href="?p=<?php echo $page-1;?>"><img src="images/page-newer.gif" width="61" height="19" /></a></li>
     <?php endif;?>
   </ul>
	</div>
</div>
<?php endif;?>
 
</div><!-- end #contactc //-->

  
  

</div><!-- end #main //-->
</div><!-- end #all //-->

<?php include_once('down.php');?>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-22189695-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>